<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/shopping.css">
</head>

<body>
    <header></header>
    <section>
        <div class="shopBox">
            <div class="shopTitle">
                <ul>
                    <li><label for="">
                            <input type="checkbox" name="allCheack">全选
                        </label></li>
                    <li>商品名称</li>
                    <li>版本</li>
                    <li>商品价格</li>
                    <li>数量</li>
                    <li>小计</li>
                    <li>操作</li>
                </ul>
                <div class="shopcontent" id="shoplist">
                  
                </div>
                <script type="text/html" id="shoptemplate">
                    {{each cartList shop}}
                    <div class="shoplist" shopid="{{shop.id}}" versionIndex="{{shop.versionIndex}}">
                        <div>
                            <input type="checkbox" class='inputselect'>
                            <img src="{{shop.img[shop.versionIndex]}}" alt="">
                        </div>
                        <div>
                            <span class="title">{{shop.title}}</span>
                        </div>
                        <div><span class="version">
                                {{shop.version[shop.versionIndex]}}
                            </span></div>
                        <div>
                            <span class="shopprice">{{shop.price[shop.versionIndex]}}</span>
                        </div>
                        <div class="shopnum"><i class="down">-</i><span>{{shop.num}}</span><i class="up">+</i></div>
                        <div class="shopallprice"><span>{{shop.num * shop.price[shop.versionIndex]}}</span></div>
                        <div class="del"><span>删除</span></div>
                    </div>
                    {{/each}}
                 </script>
            </div>
            <div class="pay">
                <input type="checkbox" class="allselect">全选
                <div>
                    <span>共有<em class="numall">0</em>件商品，共计<b class="priceall">￥2</b>元</span>
                    <a href="#">去付款</a>
                </div>
            </div>
        </div>

        <div class="empty" id="cart-empty">
            <p><i class="iconfont">&#xe618;</i>您的购物车还没有商品!</p>
            <a href="/index.html">返回首页</a>
        </div>
    </section>
    <footer></footer>
</body>
<script src="../libs/require/require.min.js" data-main="../js/shopping"></script>

</html>